<template>
	<view class="detail-navbar" :style="{ backgroundImage: 'url(' + imageUrl + ')' }">
		<view class="detail-navbar-left" @click="goBack">
			<uni-icons type="left" size="40"></uni-icons>
		</view>
		<view class="detail-navbar-center">{{title}}</view>
	</view>
</template>
<template>
  <div ></div>
</template>

<script>
export default {
  props: ['imageUrl'], // 定义props属性，名为imageUrl
}
</script>
<script setup>
	import {defineEmits,defineProps} from "vue";
	const emit=defineEmits(['goUpLevel'])
const props=defineProps({
	title:{
		type:String,
		default:"需求详情"
	},
	imageUrl:{
		type:String,
		default:"https://minio.gzryzl.com/huatai/2024-03-08/1709869440746bg-detail.png"
	}
})
	function goBack(){
		emit("goUpLevel")
	}
</script>

<style scoped lang="less">
.detail-navbar{
	position: fixed;
	top: 0;
	display: flex;
	height: 20vh;
	width: 100vw;

	padding-top: 40rpx;
	background-size: 100% 100%;
	.detail-navbar-left{
		padding-left: 20rpx;
	}
	.detail-navbar-center{
		color: #FFFFFF;
		font-size: 32rpx;
		font-family: "ali-m";
		text-align: center;
		flex:1;
	}

}
</style>
